<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@include file="/common/taglibs.jsp"%>
<%@include file="/common/meta.jsp"%>
<!--[if lte IE 7 ]><html class="no-js ie lte7 lte8 lte9 css"><![endif]-->
<!--[if IE 8 ]><html class="no-js ie ie8 lte8 lte9 css"><![endif]-->
<!--[if IE 9 ]><html class="no-js ie ie9 lte9 css"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="javascript js cssanimations">
<!--<![endif]-->
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">	
	<link rel="stylesheet" href="<c:url value="/common/AmazeUI-2.2.1/css/amazeui.min.css"/>" type="text/css"/>
	<link rel="stylesheet" href="<c:url value="/common/AmazeUI-2.2.1/css/amaze.min.css"/>" />
	<script src="<c:url value="/common/AmazeUI-2.2.1/js/amazeui.min.js"/>"></script>
	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="<c:url value="/common/AmazeUI-2.2.1/js/jquery.min.js"/>"></script>
	<!--<![endif]-->
	<!--[if lt IE 9]><script src="<c:url value="/common/AmazeUI-2.2.1/js/jquery.min.js"/>"></script>
	<script src="<c:url value="/common/AmazeUI-2.2.1/js/modernizr.js"/>"></script>
	<script src="<c:url value="/common/AmazeUI-2.2.1/js/polyfill/rem.min.js"/>"></script>
	<script src="<c:url value="/common/AmazeUI-2.2.1/js/polyfill/respond.min.js"/>"></script>
	<script src="<c:url value="/common/AmazeUI-2.2.1/js/amazeui.legacy.js"/>"></script><![endif]-->
	<!--[if (gte IE 9)|!(IE)]><!-->
	<!--<![endif]-->
	<title>督查信息上报</title>
	<script type="text/javascript">
		//添加事件
		function addSJ() {
			art.dialog.open("<c:url value='/dcsb/toSJAdd/' />", {
				id: "addSJ",
				title: "增加督查事件信息",
				lock: true,
				width: $(window).width()-400,
				height:450
			});
		}
		
		//修改事件
		function editSJ() {
			art.dialog.open("<c:url value='/dcsb/toSJEdit/' />", {
				id: "addSJ",
				title: "修改督查事件信息",
				lock: true,
				width: $(window).width()-400,
				height:450
			});
		}
		
	</script>
</head>
<body>

	<%@include file="/common/header.jsp" %>
	<div><ol class="am-breadcrumb">
		<li><a href="#" class="am-icon-home">网格督查信息平台</a></li>
	  	<li><a href="#">督查管理</a></li>
	  	<li class="am-active">督查上报</li>
	</ol></div>
	<div align="center">
		<div class="am-panel am-panel-default" style="width: 97%;">
		  	<div class="am-panel-hd">
		    	<h3 class="am-panel-title">督查信息上报</h3>
		  	</div>
		  	<form class="am-form">
			  	<div class="am-g">
				  	<div class="am-u-sm-3">
						<fieldset>
							<legend>上报基本信息</legend>
			               	<div class="am-form-group">
								<select data-am-selected="{btnWidth: 200, btnSize: 'xm', btnStyle: 'secondary'}">
								  	<option value="a">第1周</option>
								  	<option value="b">第2周</option>
								  	<option value="o">第3周</option>
								  	<option value="m">第4周</option>
								</select>
								<h6></h6>
								<button type="button" class="am-btn am-btn-primary am-radius" style="width: 200px" onclick="addSJ()">添加督办事件</button>
			    			</div>
			            </fieldset>
					</div>
				  	<div class="am-u-sm-9">
				  		<fieldset>
			              	<legend>督查/办总结</legend>
			          		<div class="am-g">
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">本周督查</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">次</span>
									    </div>
								    </div>
							  	</div>
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">督办</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">件</span>
									    </div>
								    </div>
							  	</div>
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">正在办理</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">件</span>
									    </div>
								    </div>
							  	</div>
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">办结</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">件</span>
									    </div>
								    </div>
							  	</div>
							</div>
							
			          		<div class="am-g">
			          			<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">召开联席会议</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">次</span>
									    </div>
								    </div>
							  	</div>
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">开展联合执法</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">次</span>
									    </div>
								    </div>
							  	</div>
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">问责单位</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">个</span>
									    </div>
								    </div>
							  	</div>
							  	<div class="am-u-sm-3">
							  		<div class="am-form-group">
								      	<label for="doc-ipt-email-1">问责</label>
								      	<div class="am-input-group am-input-group-sm">
									      	<input type="text" class="am-form-field">
									      	<span class="am-input-group-label">人次</span>
									    </div>
								    </div>
							  	</div>
							</div>
			            </fieldset>
				  	</div>
				</div>
				<div class="am-scrollable-horizontal">
	  				<table class="am-table am-table-bd am-table-striped am-text-nowrap table-hover" style="width:98%">
					    <thead>
					        <tr>
					        	<th style="width: 5%;text-align: center;">序号</th>
					            <th style="width: 10%;text-align: center;">事件名称</th>
					            <th style="width: 15%;text-align: center;">分类</th>
					            <th style="width: 15%;text-align: center;">事件单位</th>
					            <th style="width: 25%;text-align: center;">内容概要</th>
					            <th style="width: 15%;text-align: center;">操作</th>
					        </tr>
					    </thead>
			    		<tbody>
					        <tr class="am-active">
					        	<td style="text-align: center;">1</td>
					            <td>事件的概要名称</td>
					            <td>非法生产</td>
					            <td style="text-align: center;">区县分局</td>
					            <td style="text-align: center;">事件的时间、地点、原因、处理情况、结果、问责情况、下步打算（200字以内）。</td>
					            <td style="text-align: center;">
					            	<a class="am-btn-sm am-btn-link">查看</a>
					            	<a class="am-btn-sm am-btn-link" onclick="editSJ()">修改</a>
					            	<a class="am-btn-sm am-btn-link">上报</a>
					            	<a class="am-btn-sm am-btn-link">导出</a>
					            </td>
					        </tr>
					        <tr class="am-active">
					        	<td style="text-align: center;">2</td>
					            <td>事件的概要名称</td>
					            <td>非法生产</td>
					            <td style="text-align: center;">区县分局</td>
					            <td style="text-align: center;">事件的时间、地点、原因、处理情况、结果、问责情况、下步打算（200字以内）。</td>
					            <td style="text-align: center;">
					            	<a class="am-btn-sm am-btn-link">查看</a>
					            	<a class="am-btn-sm am-btn-link">修改</a>
					            	<a class="am-btn-sm am-btn-link">上报</a>
					            	<a class="am-btn-sm am-btn-link">导出</a>
					            </td>
					        </tr>
					    </tbody>
				  	</table>
			  	</div>
			  	
	            <div class="am-g">
				  	<div class="am-u-sm-6">
						<fieldset>
							<legend>本周工作重点</legend>
			               	<div class="am-form-group">
			      				<textarea class="" rows="5" id="doc-ta-1" placeholder="事件的时间、地点、原因、处理情况、结果、问责情况、下步打算（200字以内）。"></textarea>
			    			</div>
			            </fieldset>
					</div>
				  	<div class="am-u-sm-6">
				  		<fieldset>
			              	<legend>下周工作重点</legend>
			          		<div class="am-form-group">
			      				<textarea class="" rows="5" id="doc-ta-1" placeholder="事件的时间、地点、原因、处理情况、结果、问责情况、下步打算（200字以内）。"></textarea>
			    			</div>
			            </fieldset>
				  	</div>
				</div>
			</form> 	
		  	<div class="am-panel-footer">...</div>
		</div>
	</div>
<%@include file="/common/footer.jsp"%>
</body>
</html>


